<template>

<div class="signIn">
   <div class="middlee">
     <div class="top">
 <qriously value="192.168.1.112:8088/#/demo2" :size="200" /> 

    </div>
     <div class="bottom">
       扫描二维码签到
     </div>

    </div> 
  
</div>
</template>
<script>
import Vue from 'vue'
import VueQriously from 'vue-qriously'

Vue.use(VueQriously)
import { ActivityCheckIn_api } from 'src/servise/getData'
export default {
  created() {

    // 签到用户扫展商
    this.sweepCodeInit();
  },
  methods: {
    sweepCodeInit() {
      // 签到用户扫展商
      console.log(ActivityCheckIn_api+"?Token=令牌都是假的&appSecret=appSecret&ActivityID="+sessionStorage._ActivityID+"&OpenId="+sessionStorage._LoginID);
      this.$http.get(ActivityCheckIn_api, {
        params: {
        "Token": "令牌都是假的",
        "appSecret": "appSecret",
        "ActivityID": sessionStorage._ActivityID,
        "OpenId": sessionStorage._LoginID
      }}).then((res) => {
        console.log("签到用户扫展商api请求-start");
        console.log(res);
        console.log("签到用户扫展商api请求-end");
      });

    }
  },
  beforeCreate(){
    document.querySelector('body').setAttribute('style', 'background:#2A96F5')
  },
  beforeDestroy () {
    document.querySelector('body').setAttribute('style','')
  },

}
</script>
<style scoped lang="stylus">
  .signIn
    padding-top 40px
    .middlee
      width 85%
      height 380px
      background #ffffff
      margin 0 auto
      border-radius 8px
      .top
        height 80%
        border-bottom 1px solid #999999
        display flex
        justify-content center
        align-items center
        padding-top 10px
      .bottom 
        height 20%
        display flex
        justify-content center
        align-items center
        font-size 18px

  


</style>

